<template>
	<view class="flex flex-js-sb">
		<view class="item" @click="$emit('change',1)">
			<w-image src="/static/img/active-new.png" width="32" height="32"></w-image>
			<view class="ml-12 font-color-white">{{handleLang('最新活动')}}</view>
		</view>
		<view class="item" @click="$u.route('/pages/lottery/lottery?id=1&=')">
			<w-image src="/static/img/active-lottey.png" width="32" height="32"></w-image>
			<view class="ml-12 font-color-white">{{handleLang('抽奖中心')}}</view>
		</view>
	</view>
</template>

<script>
	export default {

	}
</script>

<style lang="scss" scoped>
	.item {
		width: 328rpx;
		height: 128rpx;
		@extend .flex,.flex-center;

		&:first-child{
			background: url($IMG_URL + '/static/bg/active-banner-bg1.png');
			background-size: cover;
		}

		&:last-child {
			background: url($IMG_URL + '/static/bg/active-banner-bg2.png');
			background-size: cover;
		}
	}
</style>